// components/my-navbar/my-navbar.ts
Component({
options:{
  addGlobalClass:true,//允许全局类名(关闭样式隔离)
  multipleSlots:true, // 允许多个 slot 插槽
},
 // 组件接受的外部样式类，把页面的类名传递给组件
 externalClasses: ['custom-class', 'title-class'],
  /**
   * 组件的属性列表
   */
  properties: {
    // 是否显示返回箭头
    back:{
      type:Boolean,// 小程序这里类型是大写开头
      value:false
    },
    // 返回层级
    delta:{
      type:Number,
      value:1
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    safeAreaTop:0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    comLeftClick(){
      // 返回
      wx.navigateBack({delta:this.properties.delta})
      // 子传父,相当是 Vue2 的 this.$emit()
      this.triggerEvent('left-click',{delta:this.properties.delta})
    }
  },
  // 组件的生命周期
  lifetimes:{
    created(){
      console.log('组件创建created');
       // 早期版本 created 中不能调用 setData
    },
    attached(){
      console.log('组件挂载attached'); 
        const res=wx.getWindowInfo() // 获取窗口信息(最新版)
    //  const res=wx.getSystemInfoSync()// 获取系统信息（窗口信息、设备信息等)获取系统信息（窗口信息、设备信息等） 从基础库 2.20.1 开始，本接口停止维护
     console.log(res);
     this.setData({
       safeAreaTop:res.safeArea.top
     })
    },
    detached(){
      console.log('组件卸载detached');
      
    }
  },
  // 组件所在页面的生命周期
  pageLifetimes:{
    show(){
      console.log('所在页面显示 show');
      
    },
    hide(){
      console.log('所在页面隐藏 hide');
      
    }
  }
})